<template>
    <div>
<!--        找回密码-->
        <el-card style="width: 800px;text-align: center;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)" class="card">
            <div slot="header" >
                <h4>注册</h4>
            </div>
            <div>
                <el-form :model="user" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" inline>
                    <el-form-item label="账号" prop="account">
                        <el-input v-model="user.account"   type="text" ></el-input>
                    </el-form-item>
                    <br>
                    <el-form-item label="电话号码" prop="phone">
                        <el-input v-model="user.password"  type="password"></el-input>
                    </el-form-item>
                    <br>
                    <el-form-item label="验证码" prop="code">
                        <el-input v-model="user.code"  type="password"></el-input>
                    </el-form-item>
                    <br>
                    <el-form-item>
                        <el-button @click="submitForm('ruleForm')" type="primary">找回密码</el-button>
                        <el-button @click="$router.push('/login')" type="text">前往登录</el-button>
                    </el-form-item>

                </el-form>
            </div>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: "fuondpassword",
        data(){
            return{
                user:{
                    account:'',
                    password:'',
                    code:'',
                },

            }
        }
    }
</script>

<style scoped>

</style>